<template>
  <div class="child2">
    <h1>我是孙子{{ token }}</h1>
    <button @click="token += '!'">修改爷爷提供数据</button>
  </div>
</template>

<script setup lang="ts">
import { inject } from "vue";
//注入祖先组件提供的数据
//需要参数,即为祖先组件提供数据的key
let token = inject("TOKEN");
console.log(token);
</script>

<style scoped>
.child2 {
  width: 100vw;
  height: 500px;
  background: #ccc;
}
</style>
